<script setup lang="ts">
function handleClickLeft() {
  uni.navigateBack()
}
</script>

<template>
  <view class="h-full flex flex-col">
    <wd-navbar title="菜品管理" left-text="返回" left-arrow @click-left="handleClickLeft" />
    <!--   content start -->
    <scroll-view scroll-y class="box-border flex-1 overflow-hidden p-4" :show-scrollbar="false">
      <!-- top start -->
      <view class="grid grid-cols-2 h-[86px] gap-3">
        <navigator url="/pages/dishManagement/inventory">
          <view class="h-full flex items-center justify-center rounded-md bg-[#FBF2E2] shadow">
            <wd-img src="/static/icon/dish.png" :width="28" :height="22" />
            <wd-text text="菜品库" class="ml-2" color="#333333" />
          </view>
        </navigator>
        <navigator url="/pages/dishManagement/dishType">
          <view class="h-full flex items-center justify-center rounded-md bg-[#E0EBFE] shadow">
            <wd-img src="/static/icon/dish.png" :width="28" :height="22" />
            <wd-text text="录入菜品" class="ml-2" color="#333333" />
          </view>
        </navigator>
      </view>
      <!-- top end -->
      <!--      spec start -->
      <SpecGridBar title="常用" class="mt-4">
        <SpecItemBar name="分类" desc="添加、管理分类" />
        <SpecItemBar name="套餐" desc="多菜品组合，如汉堡+薯条" />
      </SpecGridBar>
      <SpecGridBar title="属性" class="mt-4">
        <SpecItemBar name="规格" desc="大份、小份等" />
        <SpecItemBar name="做法" desc="清蒸、红烧、微辣等" />
        <SpecItemBar name="单位" desc="份、斤、公斤、杯、瓶等" />
        <SpecItemBar name="加料" desc="奶茶中加入果肉、果冻等" />
        <SpecItemBar name="餐盒" desc="关联打包盒、方便打包" />
        <SpecItemBar name="标签" desc="点餐端展示的各类菜品标签" />
      </SpecGridBar>
      <SpecGridBar title="其他" class="mt-4">
        <SpecItemBar name="手机点餐设置" desc="手机点餐的菜品管理" />
      </SpecGridBar>
      <!--      spec end -->
    </scroll-view>
    <!--  content end -->
  </view>
</template>
